<html lang="en" xml:lang="en"><head>
<META http-equiv="Content-Type" content="text/html">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><META name="description" content="The Draw widget allows to create graphics that display on the map. It optionally adds line distance or polygon area to the feature as text."><meta name="content-language" content="en"><link href="rsrc/htmlhelp.css" rel="stylesheet" type="text/css"><title>Web AppBuilder for ArcGIS | Help - 
Draw widget
</title>
                <script type="text/javascript" language="JavaScript">
                    var pathL  = self.location.pathname.split ("/");
                    var fname = pathL[pathL.length-1];
                    var i = fname.lastIndexOf (".htm");
                    if (i>=0) {
                    fname = fname.substring (0, i)
                    } else {
                    //??
                    }
                    if (self.location.hash) {
				    		      fname = fname + self.location.hash;
						        }
                    self.location.replace ("../index.html#//" + fname);
                </script>
                </head><!--Publication GUID: [GUID-E7D1C130-8F87-4109-8D61-E73A46083F52]--><!--Topic GUID: [GUID-B37BCA4E-69F9-409E-85B2-4F68C5EEFA91]--><body><div id="content"><div class="header"><h1>
Draw widget
</h1><div id="breadcrumb"></div></div>
<div class="section1" id="GUID-A3540696-D848-48E9-BDF9-9E7526B42EF9" purpose="section1"><h2>
</h2><p id="GUID-11FB7B9A-DBAB-4808-9D7B-7A8719B3D7CF">
 The Draw widget allows you to create graphics that display on the map. It  optionally adds line distance or polygon area to the feature as text.
</p><p id="GUID-7CFD8498-41A2-42CA-8B9F-1746F125A95B"> The Draw widget enables end users to draw
basic graphics and text onto the map. It provides basic
sketching and redlining functionality for the web application. It also displays some
measurements  (if
configured) for drawn features, such as  lengths for lines, and areas and/or
perimeters for polygons. When the widget initially activates,
a dialog box shows containing 11
feature creation tools. From left to right, they are as
follows:</p><ul purpose="ul" id="UL_33ED47B35E314483BADD99E0DACF4FA2"><li purpose="li" id="LI_EDC0E1C4296B445A98C6688E301CE59F">Point</li><li purpose="li" id="LI_2BF897AA772D4F318ABE2467E9E3C027">Line</li><li purpose="li" id="LI_0697F6F9E807488C9D6DE7D08B6BA307">Polyline</li><li purpose="li" id="LI_340C7A9B7C0C4BDF9C4A96DC7748B2EF">Freehand Line</li><li purpose="li" id="LI_852E6D56FF7343FA9BBE18AD4E12D997">Triangle</li><li purpose="li" id="LI_E5D9D6E7E5F54513BD5CDD88AA5868FB">Rectangle</li><li purpose="li" id="LI_DD226863622A410395708D507EB97776">Circle</li><li purpose="li" id="LI_109865A5876347E48772FCC55274FE5C">Ellipse</li><li purpose="li" id="LI_3BBE948DD9E74FDE87095C02BCC4F98F">Polygon</li><li purpose="li" id="LI_7DB3F3B59B8343399C7E5E4E4A72042E">Freehand Polygon</li><li purpose="li" id="LI_10865EEA7CC446229A0D6FE0E2F97188">Text</li></ul><div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-BB3C5282-4FBE-4118-A211-CED5CE7BE7CA-web.png" purpose="img" alt="Draw tools" title="Draw tools"></td></tr></table></div></div>
<div class="section1" id="ESRI_SECTION1_8401BF9E486249C7925036F30762E591" purpose="section1"><h2>Configuring the Draw widget</h2><p id="GUID-DB3C7670-694E-4943-B882-6FCECD9CC572">The Draw widget can be set to open automatically when apps start. To do so, click the  dot on the widget to turn it dark green.</p><div class="wfsteps" purpose="wfsteps"><h4></h4><div class="steps" id="ESRI_STEPS_EC3FEA601A1143BDAA6B8375D31B5439"><div class="step_title">Steps:</div><ol><li purpose="step" id="ESRI_STEP_91A7B03C30704B35AC5635197F0F1568"><span purpose="cmd" id="GUID-6263A4A8-FF74-412C-A696-F67D63810D42"> Click the edit widget icon <img purpose="img" placement="inline" alt="edit icon" title="edit icon" src="03w3/GUID-50375771-FF28-476B-971D-4369D62C01D2-web.png">to open the configuration properties dialog box.</span></li><li purpose="step" id="ESRI_STEP_3929F35372764ACABDEFB75362DC8FE3"><span purpose="cmd" id="GUID-328D707B-211E-4A29-B160-7659AAAF72EA"> By default, all supported untis display on the <span class="uicontrol">Distances</span> and <span class="uicontrol">Areas</span> tabs.</span><div class="substeps" id="ESRI_SUBSTEPS_E36D5E78EB924DADB9886BDDCE0A9864" purpose="substeps"><ol><li purpose="substep" id="ESRI_SUBSTEP_DEA92874D0C94CFDB96E9706B2826BB9"><span purpose="cmd" id="GUID-AEBE7C50-0C38-4391-A23E-BE3D0D04D264"> Select the unit on the distance or area. The abbreviation and conversion factor are not editable.<div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-C057DE49-6DDA-4F33-A8C6-012FEC00514A-web.png" purpose="img" alt="Draw distance configuration" title="Draw distance configuration"></td></tr></table></div><div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-9E920A78-EE89-4BAE-B14D-DAE6235378E4-web.png" purpose="img" alt="Draw area configuration" title="Draw area configuration"></td></tr></table></div></span></li><li purpose="substep" id="ESRI_SUBSTEP_33CA34F5EBDC4AA39CB24CA204B9E33D"><span purpose="cmd" id="GUID-5E5C5DF2-72BC-47C4-B8E9-6901E30A6E68"> The units can be ordered, allowing the user to control the order in which they display on the panel. Click the up or down arrow<img purpose="img" placement="inline" alt="Up/down arrows" title="Up/down arrows" src="03w3/GUID-33A75C84-F7FA-4C3C-AA54-16765EDFB4B6-web.png">  under the Actions column to modify the order.</span></li><li purpose="substep" id="ESRI_SUBSTEP_6E3D98B84DF148F6A7758457FF37F867"><span purpose="cmd" id="GUID-073210DC-A492-4E65-8768-674194CD11AA"> To delete a unit of measurement, click <span class="uicontrol"><img purpose="img" placement="inline" alt="Close" title="Close" src="03w3/GUID-7165741B-C613-4ED0-86CE-20D9A41B2840-web.png"></span> under the Actions column.</span></li><li purpose="substep" id="ESRI_SUBSTEP_8987FEFB99504500A66ED596CCA89258"><span purpose="cmd" id="GUID-F92AB0D3-7067-4AAD-ADE0-96CA7F096224">To add a unit of measurment, select <span class="uicontrol">Add Distance</span> or <span class="uicontrol">Add Area</span> from the <span class="uicontrol">Distances</span> or <span class="uicontrol">Areas</span> tab (respectively).</span></li></ol></div></li><li purpose="step" id="ESRI_STEP_3AB78694FAE847A68A998C3F7FBFE9F5"><span purpose="cmd" id="GUID-CCC96DCF-BC38-4402-AD3C-747CBC73C02F">Check the <span class="uicontrol">Add the drawing as an operational layer of the map</span> if needed.</span></li><li purpose="step" id="ESRI_STEP_F9F750B352D1424794BE326B2C3676CF"><span purpose="cmd" id="GUID-466FE1D2-0EF9-49A5-AA68-2C6F116BB6AE"> Click <span class="uicontrol">OK</span> to close the dialog box.</span></li></ol></div></div></div>
<div class="section1" id="ESRI_SECTION1_F3048AB4535D436C97E7142B95BDC224" purpose="section1"><h2>Using the Draw widget</h2><div class="wfsteps" purpose="wfsteps"><h4></h4><div class="steps" id="ESRI_STEPS_B76D823065D64AD88A0EB03D3A44A8EF"><div class="step_title">Steps:</div><ol><li purpose="step" id="ESRI_STEP_8CACEFAAEC384A50A78A7ECE0E249A21"><span purpose="cmd" id="GUID-218C6986-3E0D-4B85-889B-DC01C23A9C35">Select the desired drawing mode by clicking the symbol type.</span></li><li purpose="step" id="ESRI_STEP_5B205930BEEE432EB9489AB5CC24CB43"><span purpose="cmd" id="GUID-DCC5A4E5-2C72-4BA4-8CE0-928016C809B3"> Optionally, change the symbol for the feature using the symbol picker in the Draw widget.</span><div class="substeps" id="ESRI_SUBSTEPS_6333A02697BD495884DE49033C034833" purpose="substeps"><ol><li purpose="substep" id="ESRI_SUBSTEP_D15E0EC03A644066BA14F0259A7ED15B"><span purpose="cmd" id="GUID-24E95950-988F-47DB-B03C-ACF058184DF5"> For point symbols, select the marker category (different symbols are available in each category), size, color,    transparency, outline color, and outline width of the symbol. Only the size is available for the picture marker symbols.<div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-CC896C46-1D10-4F3A-9146-8326DEC882A0-web.png" purpose="img" alt="Basic point symbol editor" title="Basic point symbol editor"></td></tr></table></div><div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-0006E015-C20D-4386-8107-1FE9214FD8C9-web.png" purpose="img" alt="Picture point symbol editor" title="Picture point symbol editor"></td></tr></table></div></span></li><li purpose="substep" id="ESRI_SUBSTEP_42225936B92B4C2998ECAA8AE8946375"><span purpose="cmd" id="GUID-306D90FA-5D30-4D06-A69F-19443892BF6E">For line symbols, select a pre-defined symbol from the box. You may also customize the color, style, transparency, and width of the symbol. Click  <span class="uicontrol">Show Measurements</span> and select the <span class="uicontrol">Distance Units</span> to display the measurement with the line.<div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-81DC3012-4407-4CA2-BB00-64D63D6FF8D4-web.png" purpose="img" alt="Line symbol editor" title="Line symbol editor"></td></tr></table></div></span></li><li purpose="substep" id="ESRI_SUBSTEP_314AD66396AF4595891831B34EC6B5B6"><span purpose="cmd" id="GUID-BAC14D96-67AE-4393-BE87-996E57AF0BDB">For polygon symbols, select a pre-defined symbol from the box. You may also customize the fill color, transparency, outline color, and outline width of the symbol. Click  <span class="uicontrol">Show Measurements</span> and select the <span class="uicontrol">Area Units</span> and <span class="uicontrol">Distance Units</span> to display the measurement with the polygon. <div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-B82C08B5-880E-4FA1-B56E-A584E4E38F58-web.png" purpose="img" alt="Polygon symbol editor" title="Polygon symbol editor"></td></tr></table></div></span></li><li purpose="substep" id="ESRI_SUBSTEP_2A36B02763ED4FFEB801507FDC0B2199"><span purpose="cmd" id="GUID-F2E02AC9-CCE9-41E0-9767-8CDB92DDD580">For text symbols, enter the <span class="uicontrol">Text</span> to be drawn, and select a font color and size for the symbol. <div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-671F39D4-061B-4A6A-8C0C-D62A6F91CB40-web.png" purpose="img" alt="Text symbol editor" title="Text symbol editor"></td></tr></table></div></span></li></ol></div></li><li purpose="step" id="ESRI_STEP_86D518802ECB40638BF4FC47AFD89211"><span purpose="cmd" id="GUID-14740132-936B-4D97-9118-EB2DA1B12D03"> Draw  features and texts on the map.</span></li><li purpose="step" id="ESRI_STEP_B8279B66BFF14C6D80B54D14812A94EA"><span purpose="cmd" id="GUID-188054A1-46F9-4FD5-8870-056A2B65E69D">If  the <span class="uicontrol">Add the drawing as an operational layer of the map</span> option is checked, open Layer List widget, you will see Draw_Results layer. </span></li><li purpose="step" id="ESRI_STEP_54F5B79F208E431A8F61B6DE926DE3F7"><span purpose="cmd" id="GUID-AC8153D9-AD41-45E7-B628-E6E765695491"> Click <span class="uicontrol">Undo</span> or<span class="uicontrol"> Redo</span> to undo or redo the drawing features.  Click <span class="uicontrol">Clear</span> to remove all of them.</span></li></ol></div></div></div>
<div class="footer"> Copyright © 1995-2016 Esri. All rights reserved. </div></div></body></html>